<!-- 报告审核单 - 项目专员 -->
<template>
  <view class="page">
		<u--form
			labelPosition="top"
			:model="form"
			:rules="rules"
			ref="form"
			labelWidth="auto"
			:labelStyle="{
				fontSize: '14px',
				color: '#B2B2B2',
				lineHight: '20px'
			}">
			<view class="basic-style">
				<view class="basic-title basic-border">基础信息</view>
				<u-form-item
					label="单据编号"
					prop="billNo"
					:borderBottom="false"
				>
					<u--input
						disabled
						placeholder="请输入单据编号"
						v-model="form.billNo"
						border="surround"
					></u--input>
				</u-form-item>
				<u-form-item
					label="申请时间"
					prop="createTime"
					:borderBottom="false"
				>
					<u--input
						v-model="form.createTime"
						disabled
						placeholder="请选择时间"
						border="surround"
						suffixIcon="calendar-fill"
						:suffixIconStyle="{color: '#B2B2B2'}"
					></u--input>
				</u-form-item>
				<u-form-item
					label="申请人"
					prop="handlerId"
					:borderBottom="false"
				>
					<h-select-person-input
						style="width: 100%"
						disabled
						v-model="form.handlerId"
						placeholder="请选择申请人"
						border="surround"
						suffixIcon="arrow-down-fill"
						:suffixIconStyle="{color: '#B2B2B2'}"
						objectField="form.handlerId"
					></h-select-person-input>
				</u-form-item>
				<u-form-item
					label="申请部门"
					prop="handlerDeptId"
					:borderBottom="false"
				>
					<h-select-depart-input
					  disabled
					  v-model="form.handlerDeptId"
					  :departName="form.proposerDeptText"
					  placeholder="请选择部门"
					  border="surround"
					  style="width: 100%"
					  suffixIcon="arrow-down-fill"
					  :suffixIconStyle="{ color: '#B2B2B2' }"
					  :title.sync="form.proposerDeptText"
					></h-select-depart-input>
				</u-form-item>
			</view>
			<view class="basic-style">
				<view class="basic-title basic-border">项目信息</view>
				
				<u-form-item
					label="项目名称"
					prop="projectId_dictText"
					:borderBottom="false"
					required
				>
					<u--input
						disabled
						placeholder="请选择项目名称"
						v-model="form.projectId_dictText"
						border="surround"
						suffixIcon="arrow-down-fill"
						:suffixIconStyle="{color: '#B2B2B2'}"
					></u--input>
				</u-form-item>
				<u-form-item
					label="项目编号"
					prop="finalNo"
					:borderBottom="false"
				>
					<u--input
						v-model="form.finalNo"
						disabled
						placeholder="请输入项目编号"
						border="surround"
					></u--input>
				</u-form-item>
				<u-form-item
					label="关联任务"
					prop="taskNo"
					required
					:borderBottom="false"
				>
					<u--input
						v-model="form.taskNo"
						disabled
						placeholder="请选择关联任务"
						border="surround"
					></u--input>
				</u-form-item>
				<u-form-item
					label="业务名称"
					prop="categoryName"
					:borderBottom="false"
				>
					<u--input
						v-model="form.categoryName"
						disabled
						placeholder="请输入业务名称"
						border="surround"
					></u--input>
				</u-form-item>
				<u-form-item
					label="项目负责人"
					prop="projectLeading"
					:borderBottom="false"
				>
					<h-select-person-input
						style="width: 100%"
						disabled
						v-model="form.projectLeading"
						placeholder="请选择项目负责人"
						border="surround"
						suffixIcon="arrow-down-fill"
						:suffixIconStyle="{color: '#B2B2B2'}"
						objectField="form.projectLeading"
					></h-select-person-input>
				</u-form-item>
				<u-form-item
					label="生产团队"
					prop="productTeam"
					:borderBottom="false"
				>
					<h-select-team-input
						style="width: 100%;"
						disabled
						v-model="form.productTeam"
						objectField="form.productTeam"
						placeholder="请选择生产团队"
						border="surround"
						suffixIcon="arrow-down-fill"
						:suffixIconStyle="{color: '#B2B2B2'}"
						:tdlx="2"
					></h-select-team-input>
				</u-form-item>
				<u-form-item
					label="实施部门"
					prop="executeDepart"
					:borderBottom="false"
				>
					<h-select-depart-input
					  v-model="form.executeDepart"
					  :departName="form.executeDepartText"
					  placeholder="请选择部门"
					  disabled
					  border="surround"
					  style="width: 100%"
					  suffixIcon="arrow-down-fill"
					  :suffixIconStyle="{ color: '#B2B2B2' }"
					  :title.sync="form.executeDepartText"
					  @detail="onExecuteDepartInput"
					></h-select-depart-input>
				</u-form-item>
				<u-form-item label="资质单位" prop="qualificationUnit" required>
				  <h-select-company-input
					disabled
					style="width: 100%"
					v-model="form.qualificationUnit"
					border="surround"
					placeholder="请选择资质单位"
					suffixIcon="arrow-down-fill"
					:suffixIconStyle="{ color: '#B2B2B2' }"
					objectField="form.qualificationUnit"
				  ></h-select-company-input>
				</u-form-item>
				<u-form-item
					label="签订单位"
					prop="signUnit"
					:borderBottom="false"
				>
					<h-select-company-input
						disabled
						style="width: 100%"
						v-model="form.signUnit"
						border="surround"
						placeholder="请选择签订单位"
						suffixIcon="arrow-down-fill"
						:suffixIconStyle="{ color: '#B2B2B2' }"
						objectField="form.signUnit"
					></h-select-company-input>
				</u-form-item>
				<u-form-item
					label="项目所在地址"
					prop="areaCode"
					:borderBottom="false"
				>
					<h-select-address-input
						disabled
						style="width: 100%"
						v-model="form.areaCode"
						placeholder="请选择项目地址"
						border="surround"
						suffixIcon="arrow-down-fill"
						:suffixIconStyle="{color: '#B2B2B2'}"
					></h-select-address-input>
				</u-form-item>
				<u-form-item
					label="项目详细地址"
					prop="projectAddress"
					:borderBottom="false"
				>
					<u--input
						v-model="form.projectAddress"
						disabled
						placeholder="请输入项目详细地址"
					></u--input>
				</u-form-item>
        <u-form-item label="任务类型" prop="taskType" required>
          <h-select-input-tag
            class="w-100"
            disabled
            v-model="form.taskType"
            objectField="model.taskType"
            placeholder="请选择任务类型"
            border="surround"
						suffixIcon="arrow-down-fill"
						:suffixIconStyle="{ color: '#B2B2B2' }"
            dictName="task_type"
          ></h-select-input-tag>
        </u-form-item>
				<u-form-item
					label="任务最终成果报告名称(全称)"
					prop="projectResult"
					:borderBottom="false"
					required>
					<u--textarea 
						v-model="form.projectResult" 
						:maxlength="1000" 
						:disabled="projectLeader" 
						confirmType="done" 
						placeholder="请输入任务最终成果报告名称(全称)" 
					></u--textarea>
				</u-form-item>
				<u-form-item
					label="备注"
					prop="remark"
					:borderBottom="false"
				>
					<u--textarea 
						v-model="form.remark" 
						:maxlength="200" 
						disabled 
						confirmType="done" 
						placeholder="请输入备注" 
					></u--textarea>
				</u-form-item>
				<!-- <u-form-item
					label="工程师(二审)"
					prop="engineerSecondReview"
					:borderBottom="false"
					required
				>
					<h-select-person-input
						style="width: 100%"
						v-model="form.engineerSecondReview"
						placeholder="请选择工程师"
						border="surround"
						suffixIcon="arrow-down-fill"
						:suffixIconStyle="{color: '#B2B2B2'}"
						objectField="form.engineerSecondReview"
					></h-select-person-input>
				</u-form-item>
				<u-form-item
					label="工程师(三审)"
					prop="engineerThirdReview"
					:borderBottom="false"
				>
					<h-select-person-input
						style="width: 100%"
						v-model="form.engineerThirdReview"
						placeholder="请选择工程师"
						border="surround"
						suffixIcon="arrow-down-fill"
						:suffixIconStyle="{color: '#B2B2B2'}"
						objectField="form.engineerThirdReview"
					></h-select-person-input>
				</u-form-item> -->
				<u-form-item
					label="项目评审情况"
					prop="reviewResult"
					:borderBottom="false"
				>
					<h-dict-select
						style="width: 100%" 
						:disabled="projectLeader"
						v-model="form.reviewResult"
						placeholder="请选择项目评审情况" 
						dictName="review_result"
						suffixIcon="arrow-down-fill"
						:suffixIconStyle="{color: '#B2B2B2'}"
					></h-dict-select>
				</u-form-item>
				<!-- <u-form-item label="二审审核费" prop="secondReviewFee">
				  <u--input type="number" v-number-normal disabled placeholder="请输入二审审核费" v-model="form.secondReviewFee"></u--input>
				</u-form-item>
				<u-form-item label="专审人员" prop="specializedAuditors" :borderBottom="false">
				  <h-select-person-input
				    style="width: 100%"
				    v-model="form.specializedAuditors"
				    placeholder="请选择专审人员"
				    border="surround"
				    suffixIcon="arrow-down-fill"
				    :suffixIconStyle="{ color: '#B2B2B2' }"
				    objectField="form.specializedAuditors"
				  ></h-select-person-input>
				</u-form-item>
				<u-form-item label="二审审核费计算过程" prop="secondReviewProcess">
				  <u--textarea
					maxlength="1000"
					confirm-type="send"
					disabled
					v-model="form.secondReviewProcess"
					placeholder="请输入二审审核费计算过程"
				  ></u--textarea>
				</u-form-item>
				<u-form-item label="三审审核费" prop="thirdReviewFee">
				  <u--input type="number" v-number-normal placeholder="请输入三审审核费" disabled v-model="form.thirdReviewFee"></u--input>
				</u-form-item>
				<u-form-item label="三审审核费计算过程" prop="thirdReviewProcess">
				  <u--textarea
					maxlength="1000"
					confirm-type="send"
					disabled
					v-model="form.thirdReviewProcess"
					placeholder="请输入三审审核费计算过程"
				  ></u--textarea>
				</u-form-item> -->
				<u-form-item label="费用所属团队" prop="feeTeamId">
				  <h-select-team-input-popup
					style="width: 100%"
					v-model="form.feeTeamId"
					:disabled="projectLeader"
          suffixIcon="arrow-down-fill"
					objectField="form.feeTeamId"
					placeholder="请选择费用所属团队"
					border="surround"
					:tdlx="3"
				  ></h-select-team-input-popup>
				</u-form-item>
				<u-form-item v-if="form.taskType === '1'" label="报告类型" prop="reportType">
					<h-select-input-tag
						class="w-100"
						v-model="form.reportType"
						objectField="form.reportType"
						placeholder="请选择报告类型"
						disabled
						border="surround"
						suffixIcon="arrow-down-fill"
						:suffixIconStyle="{ color: '#B2B2B2' }"
						dictName="report_audit_report_type"
					></h-select-input-tag>
        </u-form-item>
			</view>
		</u--form>
		<view class="basic-style">
        <view class="basic-title basic-border">一审工程师</view>
        <ErpFirstInstanceEngineerList :disabled="true" :twoProjectSpecialist="twoProjectSpecialist" :firstInstanceEngineer="firstInstanceEngineer" ref="firstInstanceEngineerList" />
        <view>
              <view class="basic-title basic-border">一审文件结果</view>
              <view class="py-1 space-y-1" style="width: 100%">
                <view style="color: red">提示：请等待附件上传完成，再点击保存，否则附件无法保存成功！</view>
                <h-upload-file   v-model="form.oneResultFile" :disabled="firstInstanceEngineer" :isIcon="false"></h-upload-file>
                <file-list  v-model="form.oneResultFile" :isDelete="!firstInstanceEngineer"></file-list>
              </view>
            </view>
            <u-form-item label="备注" prop="remark" :borderBottom="false">
            <u--textarea :disabled="twoProjectSpecialist" v-model="form.oneRemark" :maxlength="200" placeholder="请输入备注"></u--textarea>
          </u-form-item>
      </view>

	  <view class="basic-style">
        <view class="basic-title basic-border">二审主持工程师</view>
         <ErpSecondInstancePresidingEngineerForm :twoProjectSpecialist="twoProjectSpecialist" :firstInstanceEngineer="twoInstanceEngineer"  :oneProjectSpecialist="oneProjectSpecialist" ref="SecondInstancePresidingEngineerForm" />
         <view>
              <view class="basic-title basic-border">二审结果文件</view>
              <view class="py-1 space-y-1" style="width: 100%">
                <view style="color: red">提示：请等待附件上传完成，再点击保存，否则附件无法保存成功！</view>
                <h-upload-file   v-model="form.twoHostResultFile" :disabled="twoInstanceEngineer" :isIcon="false"></h-upload-file>
                <file-list  v-model="form.twoHostResultFile" :isDelete="!twoInstanceEngineer"></file-list>
              </view>
            </view>
            <u-form-item label="备注" prop="remark" :borderBottom="false">
            <u--textarea :disabled="twoProjectSpecialist" v-model="form.twoHostRemark" :maxlength="200" placeholder="请输入备注"></u--textarea>
          </u-form-item>
      </view>
	  <view class="basic-style">
        <view class="basic-title basic-border">二审会审工程师</view>
         <!-- <ErpSecondInstanceReviewEngineerForm /> -->
            <!-- <view class="basic-title basic-border pt-1">新增分配任务信息</view> -->
        <view class="space-y-1 py-1">
          <u-button size="small" :disabled="oneProjectSpecialist && twoProjectSpecialist" type="primary" @click="handleAddMember">新增</u-button>
        </view>
        <!-- <view class="space-y-1 py-1" v-if="!twoProjectSpecialist">
          <u-button size="small"  type="primary" @click="handleAddMember">新增</u-button>
        </view> -->
        <u-collapse v-if="secondAuditReviewEngineers && secondAuditReviewEngineers.length">
          <u-collapse-item title="二审会审工程师" v-for="(item, index) in secondAuditReviewEngineers" :key="index">
            <SecondInstanceReviewForm ref="secondAuditReviewEngineerForm" :twoProjectSpecialist="twoProjectSpecialist" :isSignatureFee="true" :remark="true" :oneProjectSpecialist="oneProjectSpecialist" :item="item" :index="index" @edit="handleEditForm" @remove="handleRemoveForm" />
          </u-collapse-item>
  
        </u-collapse>
        <u-form-item label="备注" prop="taskDescription">
          <!-- #ifdef APP || APP-PLUS -->
          <u--textarea :confirm-type="null" :disabled="twoProjectSpecialist" count v-model="form.twoJointReviewRemark" placeholder="请输入备注" :maxlength="200"></u--textarea>
          <!-- #endif -->
                <!-- #ifdef H5 -->
                <u--textarea confirm-type="done" :disabled="twoProjectSpecialist" v-model="form.twoJointReviewRemark" placeholder="请输入备注" :maxlength="200"></u--textarea>
                <!-- #endif -->
        </u-form-item>
        
        <!-- <u-form-item  label="备注" prop="taskDescription">
                    <u--textarea
                      maxlength="500"
                      :confirm-type="null"
                          count
                          :disabled="twoProjectSpecialist"
                      v-model="form.twoJointReviewRemark"
                      placeholder="请输入备注"
                    ></u--textarea>
                  </u-form-item> -->
        <u-popup mode="bottom" :show="showFormModal">
          <SecondInstanceReviewFormModal
            ref="dataForm"
            :isSignatureFee="true"
            :remark="true"
            :oneProjectSpecialist="oneProjectSpecialist"
            :estimatedContractAmount="form.estimatedContractAmount"
            :separateContractAmount="form.separateContractAmount"
            :index="index"
            :twoProjectSpecialist="twoProjectSpecialist"
            @submit="handleFormSubmit"
            @close="closeFormModal"
            :model="form"
          />
        </u-popup>
      </view>
	  <view class="basic-style" v-if="form.taskType === '1'">
        <view class="basic-title basic-border">三审工程师</view>
         <!-- <ErpSecondInstanceReviewEngineerForm /> -->
            <!-- <view class="basic-title basic-border pt-1">新增分配任务信息</view> -->
        <view class="space-y-1 py-1">
          <u-button size="small" :disabled="oneProjectSpecialist" type="primary" @click="threeHandle">新增</u-button>
        </view>
        <u-collapse v-if="thirdAuditEngineers && thirdAuditEngineers.length">
          <u-collapse-item title="三审工程师" v-for="(item, index) in thirdAuditEngineers" :key="index">
            <FirstInstanceEngineerForm :remark="true" :twoProjectSpecialist="twoProjectSpecialist" :oneProjectSpecialist="oneProjectSpecialist" :item="item" :index="index" @edit="threeHandleEditForm" @remove="threeHandleRemoveForm" />
          </u-collapse-item>
        </u-collapse>
        <u-form-item label="备注" prop="threeremark">
          <!-- #ifdef APP || APP-PLUS -->
          <u--textarea :confirm-type="null" :disabled="twoProjectSpecialist" count v-model="threeRemark" placeholder="请输入备注" :maxlength="200"></u--textarea>
          <!-- #endif -->
                <!-- #ifdef H5 -->
                <u--textarea confirm-type="done" :disabled="twoProjectSpecialist" v-model="threeRemark" placeholder="请输入备注" :maxlength="200"></u--textarea>
                <!-- #endif -->
        </u-form-item>
        <!-- <u-form-item  label="备注" prop="threeremark">
                    <u--textarea
                      maxlength="500"
                      :disabled="twoProjectSpecialist"
                      :confirm-type="null"
                          count
                      v-model="threeRemark"
                      placeholder="请输入备注"
                    ></u--textarea>
                  </u-form-item> -->
        <u-popup mode="bottom" :show="threeFormModal">
          <FirstInstanceEngineerModal
            ref="thirdReviewEngineer"
            :remark="true"
            :oneProjectSpecialist="oneProjectSpecialist"
            :estimatedContractAmount="form.estimatedContractAmount"
            :separateContractAmount="form.separateContractAmount"
            :index="index"
            :twoProjectSpecialist="twoProjectSpecialist"
            @submit="threeHandleFormSubmit"
            @close="threeCloseFormModal"
            :model="form"
          />
        </u-popup>
      </view>
	  <view class="basic-style" v-if="form.taskType === '1'">
        <view class="basic-title basic-border">专审人员</view>
         <!-- <ErpSecondInstanceReviewEngineerForm /> -->
            <!-- <view class="basic-title basic-border pt-1">新增分配任务信息</view> -->
        <view class="space-y-1 py-1">
          <u-button size="small" :disabled="oneProjectSpecialist || Boolean(specialistAuditPersonnel.length)" type="primary" @click="specializedHandle">新增</u-button>
        </view>
        <u-collapse v-if="specialistAuditPersonnel && specialistAuditPersonnel.length">
          <u-collapse-item title="专审人员" v-for="(item, index) in specialistAuditPersonnel" :key="index">
            <FirstInstanceEngineerForm :remark="true" :twoProjectSpecialist="twoProjectSpecialist" :oneProjectSpecialist="oneProjectSpecialist" :item="item" :index="index" @edit="specializedReviewHandleEditForm" @remove="specializedReviewHandleRemoveForm" />
          </u-collapse-item>
        </u-collapse>
        <!-- <u-form-item label="备注" prop="threeremark">
          <u--textarea :confirm-type="null" :disabled="twoProjectSpecialist" count v-model="form.specializedRemark" placeholder="请输入备注" :maxlength="200"></u--textarea>

                <u--textarea confirm-type="done" :disabled="twoProjectSpecialist" v-model="form.specializedRemark" placeholder="请输入备注" :maxlength="200"></u--textarea>
        </u-form-item> -->
        <u-form-item label="备注" prop="specializedRemark">
          <u--textarea :disabled="twoProjectSpecialist" v-model="form.specializedRemark" :maxlength="200" placeholder="请输入备注"></u--textarea>
        </u-form-item>
        <u-popup mode="bottom" :show="specializedReviewFormModal">
          <FirstInstanceEngineerModal
            ref="specializedAuditors"
            :remark="true"
            :oneProjectSpecialist="oneProjectSpecialist"
            :estimatedContractAmount="form.estimatedContractAmount"
            :separateContractAmount="form.separateContractAmount"
            :index="index"
            :twoProjectSpecialist="twoProjectSpecialist"
            @submit="specializedReviewHandleFormSubmit"
            @close="specializedReviewCloseFormModal"
            :model="form"
          />
        </u-popup>
      </view>
		<view style="padding: 8px 16px">
		  <default-list name="附件">
			<file-list :fileList="form.file"></file-list>
		  </default-list>
		</view>

		<view class="space-x-1 px-1 btn_position">
			<backButton  @onSubmit="onSubmit" :nodeObj="nodeObj" :model="model" :resultObj="resultObj"></backButton>
		</view>
		<view style="height: 100rpx;"></view>
		<u-toast ref="uToast"></u-toast>
	</view>
</template>

<script>
import fileList from './components/fileList.vue'
import backButton from '@/components/backButton.vue'
import ErpFirstInstanceEngineerList from '@/pages/project/components/reference/ErpFirstInstanceEngineerList.vue'
import ErpSecondInstancePresidingEngineerForm from '@/pages/project/components/reference/ErpSecondInstancePresidingEngineerForm.vue'
import FirstInstanceEngineerModal from '@/pages/project/components/FirstInstanceEngineerModal.vue'
import SecondInstanceReviewFormModal from '@/pages/project/components/SecondInstanceReviewFormModal.vue'

import FirstInstanceEngineerForm from '@/pages/project/components/FirstInstanceEngineerForm.vue' 
import SecondInstanceReviewForm from '@/pages/project/components/SecondInstanceReviewForm.vue' 
import http from '@/utils/request'
import { filterMultiDictText, initDictOptions } from '@/utils/JDictSelectUtil.js'
import {
  erpOmcTaskReportAuditQuerybyid, // 根据id查询信息
  erpOmcTaskReportAuditEdit, // 编辑
  erpOmcTaskReportAuditAdd, // 提交
  erpOmcProjectId, // 获取项目详情
  erpOmcTaskDistributionDtList, // 获取项目成员列表
  erpOmcTaskDistributionEdit, // 编辑
	getProcessTaskTransInfo, // 流程流转
  queryUsersByUsernames, // 部门负责人带入
} from '@/api/index.js'
import { BASE_URL } from '@/utils/baseUrl.js'
import { convertCurrency } from '@/utils/MoneyConvert' // 金额大写转换
import { mapState } from 'vuex'
import defaultList from './components/defaultList.vue'
export default {
  components: {
    fileList,
    defaultList,
    SecondInstanceReviewForm,
	FirstInstanceEngineerModal,
	FirstInstanceEngineerForm,
	ErpFirstInstanceEngineerList,
  SecondInstanceReviewFormModal,
	ErpSecondInstancePresidingEngineerForm,
	backButton
  },
  data() {
    return {
			resultObj: {}, // 流程图流转信息
      detailData: {},
	  firstInstanceEngineerList:null,
	  SecondInstancePresidingEngineerForm:null,
    secondAuditReviewEngineerForm:null,
	  secondAuditReviewEngineers:[],
	  thirdAuditEngineers:[],
	  specialistAuditPersonnel:[],
	  threeFormModal:false,
    remark:'',
    remarks:'',
	  specializedReviewFormModal:false,
      form: {
        id: '',
        secondReviewFee: '',
        secondReviewProcess: '',
        thirdReviewFee: '',
        thirdReviewProcess: '',
        feeTeamId: '',
        feeTeamId_dictText: '',
        twoJointReviewRemark:'',
        reviewResult:'',
        oneResultFile:'',
        oneRemark:'',
        //第二阶段主持审核结果文件
        twoHostResultFile:'',
        twoHostRemark:'',
        specializedRemark:''
      },
      threeRemark:'',
      rules: {
        engineerSecondReview: [{ required: true, message: '请选择工程师（二审）!' }],
      },
	  index:null,
      filterMultiDictText,
      initDictOptions,
      dictOptions: {},
      cust_lxr: 'erp_omc_customer_manager_contact,lxr,id,del_flag=0 and main_id=0',
      distributionDtList: [], // 项目成员列表
      showManagerTrusteePopup: false, // 弹窗开关
      clickManagerEntrustPopup: '', // 点击编辑还是新增
      commissionedIndex: 0, // 点击编辑的index值
      managerTrusteeForm: {
        projectMember: '',
        contractAmount: '',
        contractRate: '',
      }, // 对象

      isRefresh: false, // 获取项目信息时是否清空数据 false - 不清空
      isContractNoInfoRefresh: false, // 获取合同信息时是否清空数据 false - 不清空
      isSubmit: false,
      basicForm: {},
      thirdReviewEngineerForm:{},
      specializedAuditorsForm:{},
      nodeObj: {},
      tabvalue: '',
      id: '', // 详情id值
      model: {},
	  showFormModal:false,
      basicInfo: {
        // 主表信息字段
        单据编号: 'billNo',
        申请人: 'handlerId_dictText',
        申请部门: 'handlerDeptId_dictText',
        申请时间: 'createTime',
        生产团队: 'productTeam_dictText',
        '报销金额(元)': 'reimbursementAmount',
      },
      projectInfo: {
        项目名称: 'projectId_dictText',
        项目编号: 'finalNo',
        关联任务: 'taskId',
        业务名称: 'categoryName',
        项目负责人: 'projectLeading_dictText',
        生产团队: 'productTeam_dictText',
        实施部门: 'executeDepart_dictText',
        资质单位: 'qualificationUnit_dictText',
        签订单位: 'signUnit_dictText',
        项目所在地址: 'areaCode',
        项目成果: 'projectResult',
        备注: 'remark',
        报告类型: 'reportType',
        '工程师(二审)': 'engineerSecondReview',
        '工程师(三审)': 'engineerThirdReview',
        项目评审情况: 'reviewResult',
      },

      clickManagerTrusteePopup: '', // 点击编辑还是新增

      managerTrusteeIndex: 0, // 点击编辑的index值
      userInformation: '', // 用户信息
    }
  },
  onLoad(options) {
    this.model = JSON.parse(decodeURIComponent(options.item))

    var that = this
    // #ifdef APP-NVUE
    var eventChannel = this.$scope.eventChannel // 兼容APP-NVUE
    // #endif
    // #ifndef APP-NVUE
    var eventChannel = this.getOpenerEventChannel()
    // #endif
    // 监听sendMessage事件，获取上一页面通过eventChannel传送到当前页面的数据
    eventChannel.on('sendMessage', function (data) {
      that.tabvalue = data.tabvalue
      that.nodeObj = JSON.parse(decodeURIComponent(data.nodeObj))
      that.loadData(that.nodeObj.dataId)
			that.getProcessTaskTrans(that.model.id)
      // that.getNodePositionInfoData(that.model.processInstanceId)
      // if (this.tabvalue == '待办') {
      //   that.getProcessTaskTrans(that.model.id)
      // }
      // that.initDictConfig()
    })
  },
  computed: {
    // 第一个审批节点的项目专员
	oneProjectSpecialist() {
			if (this.nodeObj.taskDefKey === 'task1681387104415') {
			  console.log('哈哈哈--');
			  
			  return false;
			}
		  return true;
		},

	 // 第二个审批节点的项目专员
	twoProjectSpecialist() {
        if (this.nodeObj.taskDefKey === 'task1681387326266') {
          return false;
        }
      return true;
    },
	    // 项目负责人
	projectLeader(){
        if (this.nodeObj.taskDefKey === 'task1743069459444') {
          return false;
      }
      return true;
    },
        // 一审工程师
    firstInstanceEngineer() {
        if (this.nodeObj.taskDefKey === 'task1681387080566') {
          return false;
        }
      return true;
    },
     // 二审主持工程师
    twoInstanceEngineer() {
        if (this.nodeObj.taskDefKey === 'task1681387124847') {
          return false;
        }
      return true;
    },
  },
  methods: {
    ...mapState(['userInfo']),
    // 查询预立项申请详情
    loadData(id) {
      erpOmcTaskReportAuditQuerybyid({ id }).then( async (res) => {
        if (res.success) {
			console.log(res,'res-----');
		  this.$nextTick(()=>{
            this.$refs.firstInstanceEngineerList.firstAuditEngineers = res.result.firstAuditEngineers[0] || []
            this.$refs.SecondInstancePresidingEngineerForm.firstAuditEngineers = res.result.secondAuditChairmanEngineers[0] || {}         
               this.secondAuditReviewEngineers = res.result.secondAuditReviewEngineers || []
            this.thirdAuditEngineers = res.result.thirdAuditEngineers || []
            this.specialistAuditPersonnel = res.result.specialistAuditPersonnel || []
            // this.threeRemark = res.result.threeRemark
            this.form.oneRemark = res.result.threeRemark === null ? '' : res.result.oneRemark
       this.form.twoHostRemark = res.result.twoHostRemark === null ? '' : res.result.twoHostRemark
       this.form.specializedRemark = res.result.specializedRemark  === null ? '' : res.result.specializedRemark
       this.form.twoJointReviewRemark = res.result.twoJointReviewRemark === null ? '' : res.result.twoJointReviewRemark 
       this.threeRemark = res.result.threeRemark === null ? '' : res.result.threeRemark
		  })
          this.form = {...res.result}
		  this.taskNumber(res.result.taskId)
		  
        } else {
          this.$refs.uToast.show({
            message: res.message,
            type: 'error',
          })
        }
      })
    },


	threeHandleFormSubmit([data, index]){
      this.threeFormModal = false

      if (typeof index === 'number') {
        this.$set(this.thirdAuditEngineers, index, { ...data })
      } else {		
            // 检查是否已存在相同ID的工程师
        const hasDuplicate = this.thirdAuditEngineers.some(item => item.empId === data.empId);
            // 只有不存在重复数据时才添加
    if (!hasDuplicate) {
        this.thirdAuditEngineers.push(data);
    } else {
      this.$refs.uToast.warning('已存在该成员')
    }

		
      }		
      
	},

	threeHandleRemoveForm(data){
        this.thirdAuditEngineers = this.thirdAuditEngineers.filter((i) => i !== data)
	},

	specializedReviewHandleRemoveForm(data){
		this.specialistAuditPersonnel = this.specialistAuditPersonnel.filter((i) => i !== data)
	},


	specializedReviewHandleFormSubmit([data, index]){
		this.specializedReviewFormModal = false
    if (typeof index === 'number') {
        this.$set(this.specialistAuditPersonnel, index, { ...data })
      } else {		
            // 检查是否已存在相同ID的工程师
        const hasDuplicate = this.specialistAuditPersonnel.some(item => item.empId === data.empId);
            // 只有不存在重复数据时才添加
    if (!hasDuplicate) {
        this.specialistAuditPersonnel.push(data);
    } else {
      this.$refs.uToast.warning('已存在该成员')
    }
		
      }
	},

	handleFormSubmit([data, index]) {
      this.showFormModal = false

      // this.showFormModal = false
      if (typeof index === 'number') {
        this.$set(this.secondAuditReviewEngineers, index, { ...data })
      } else {		
            // 检查是否已存在相同ID的工程师
        const hasDuplicate = this.secondAuditReviewEngineers.some(item => item.empId === data.empId);
            // 只有不存在重复数据时才添加
    if (!hasDuplicate) {
        this.secondAuditReviewEngineers.push(data);
    } else {
      this.$refs.uToast.warning('已存在该成员')
    }

		console.log(this.secondAuditReviewEngineers,'----');
		
      }
   
    },

  // 点击新增三审
	threeHandle(){
      this.index = null
      this.threeFormModal = true
			this.thirdReviewEngineerForm = {}
      this.$nextTick(()=>{
        this.$refs.thirdReviewEngineer.basicForm.userType = 'three_engineer'
      })
	},
  // 点击新增专审
  specializedHandle(){
      this.index = null
      this.specializedReviewFormModal = true
			this.specializedAuditorsForm = {}

      this.$nextTick(()=>{
        this.$refs.specializedAuditors.basicForm.userType = 'specialized_auditors'
      })
  },

	openFormModal() {
      this.$nextTick(() => {
				this.$refs.dataForm.basicForm = this.basicForm
        // this.$refs.dataForm.basicForm
			})
    },

    threeOpenFormModal(){
      this.$nextTick(() => {
        this.$refs.thirdReviewEngineer.basicForm = this.thirdReviewEngineerForm
			})
    },
    specializedOpenFormModal(){
      this.$nextTick(() => {
        this.$refs.specializedAuditors.basicForm = this.specializedAuditorsForm
			})
    },

	handleEditForm([item, index]) {
      this.basicForm = { ...item }
      this.index = index
      this.showFormModal = true
			this.openFormModal()
    },

	specializedReviewHandleEditForm([item, index]){
		this.specializedAuditorsForm = { ...item }
      this.index = index
      this.specializedReviewFormModal = true
			this.specializedOpenFormModal()
	},


	threeHandleEditForm([item, index]){
		this.thirdReviewEngineerForm = { ...item }
      this.index = index
      this.threeFormModal = true
			this.threeOpenFormModal()


	},

	threeCloseFormModal(){
		this.$refs.thirdReviewEngineer.reset()
		this.thirdReviewEngineerForm = {}
      this.index = null
			this.threeFormModal = false
	},

  specializedReviewCloseFormModal(){
    this.$refs.specializedAuditors.reset()
      this.specializedAuditorsForm = {}
      this.index = null
			this.specializedReviewFormModal = false
  },

	closeFormModal(){
      this.$refs.dataForm.reset()
      this.basicForm = {}
      this.index = null
			this.showFormModal = false
    },

	handleRemoveForm(data){
      this.secondAuditReviewEngineers = this.secondAuditReviewEngineers.filter((i) => i !== data)
    },

	handleAddMember() {
      this.index = null
      this.showFormModal = true
			this.basicForm = {}
			// this.openFormModal()
    },

    // 获取项目编号
    projectNumber(projectId) {
      erpOmcProjectId({ id: projectId }).then((res) => {
        if (res.success) {
          this.$set(this.basicForm, 'finalNo', res.result.finalNo) // 项目编号
        } else {
          this.$refs.uToast.show({
            message: res.message,
            type: 'error',
          })
        }
      })
    },
    // 获取任务编号
		taskNumber(taskId) {
			if (!taskId) {
				return false
			}
		  http.get('/api/erp/omc/project/erpOmcProjectTask/queryById', { id: taskId }).then((res) => {
		    if (res.success) {
		      var event = res.result
		      this.$set(this.form, 'taskNo', event.billNo?event.billNo: taskId) // 任务编号
		    } else {
					this.$set(this.form, 'taskNo', taskId) // 任务编号
		      this.$refs.uToast.show({
		        message: res.message,
		        type: 'error',
		      })
		    }
		  }).catch(err => {
				this.$set(this.form, 'taskNo', taskId) // 任务编号
			})
		},

    // 获取项目成员列表
    getMemberList(mainId) {
      erpOmcTaskDistributionDtList({ mainId }).then((res) => {
        if (res.success) {
          this.distributionDtList = res.result || []
        } else {
          this.$refs.uToast.show({
            message: res.message,
            type: 'error',
          })
        }
      })
    },

    async initDictConfig() {
      // 人员名称
      initDictOptions('erp_employee_file,name,id').then((res) => {
        if (res.success) {
          this.$set(this.dictOptions, 'projectMember', res.result)
        }
      })
    },

    // 选择实施部门
    onExecuteDepartInput(item) {
      if (!item[0].minister) {
        this.$set(this.basicForm, 'minister', undefined)
        return false
      }
      //
      // 复制部门负责人
      queryUsersByUsernames({ usernames: item[0].minister }).then((res) => {
        var idsArr = []
        var ids = ''
        if (res && res.length) {
          res.map((value) => {
            idsArr.push(value.empId)
          })
        }
        ids = idsArr.toString()

        this.$set(this.basicForm, 'minister', ids)
      })
    },

    // 约束数字输入框
    onBlur(item, text) {
      if (item == undefined || item == null) {
        return false
      }
      var num = Number(item)
      if (num <= 0) {
        num = 0
      }
      if (num >= 99999) {
        num = 99999
      }
      this.basicForm[text] = num.toFixed(1)
    },
    onBlurBaicMoney(item, text) {
      if (item == undefined || item == null) {
        return false
      }
      var num = Number(item)
      if (num <= 0) {
        num = 0
      }
      if (num >= 99999999) {
        num = 99999999
      }
      this.basicForm[text] = num.toFixed(2)
    },

    // 点击编辑
    onManagerEntrustEdit(item, index) {
      this.managerTrusteeForm = { ...item }
      this.commissionedIndex = index
      this.clickManagerEntrustPopup = 'edit'
      this.showManagerTrusteePopup = true
    },
    // 点击删除
    onManagerEntrustDelete(item, index) {
      let _this = this
      uni.showModal({
        title: '确定删除',
        content: '确定删除此信息？',
        success(res) {
          if (res.confirm) {
            _this.distributionDtList.splice(index, 1)
          } else if (res.cancel) {
						// 用户点击取消
          }
        },
      })
    },

    // 点击新增
    onManagerEntrustAdd() {
      this.managerTrusteeForm = {
        projectMember: '',
        contractAmount: '',
        contractRate: '',
      } // 对象
      this.clickManagerEntrustPopup = 'add'
      this.showManagerTrusteePopup = true
    },

    //输入金额
    moneyChange(item) {
			if (!Number(this.basicForm.contractAmount)) {
				return this.managerTrusteeForm.contractRate = 0.00
			}
      this.managerTrusteeForm.contractRate = (
        (Number(this.managerTrusteeForm.contractAmount) / Number(this.basicForm.contractAmount)) *
        100
      ).toFixed(2)
    },

    // 金额约束
    onMoneyBlur(item) {
      if (item == undefined || item == null) {
        return false
      }
      var num = Number(item)
      if (num <= 0) {
        num = 0
      }
      if (num >= 99999999) {
        num = 99999999
      }
      this.managerTrusteeForm.contractAmount = num.toFixed(2)
    },

    showMessage(message) {
      uni.showToast({
        title: message,
        icon: 'none',
      })
    },
    // 子表确定按钮
    onConfirmManagerTrusteePopup() {
      // this.getManagerTrusteeId(this.managerTrusteeForm.gsdaId)
      if (!this.managerTrusteeForm.projectMember) {
        this.showMessage('请选择项目成员')
        return
      }
      if (this.managerTrusteeForm.contractAmount == '' || this.managerTrusteeForm.contractAmount == null) {
        this.showMessage('请输入分配合同额')
        return
      }
      if (this.managerTrusteeForm.contractRate == '' || this.managerTrusteeForm.contractRate == null) {
        this.showMessage('请输入合同额占比')
        return
      }
      if (this.clickManagerTrusteePopup == 'edit') {
        this.distributionDtList[this.commissionedIndex] = this.managerTrusteeForm
      } else {
        this.managerTrusteeForm.mainId = this.basicForm.id
        this.managerTrusteeForm.id = parseInt(Math.random() * 1000000000000)
        this.distributionDtList.push(this.managerTrusteeForm)
      }
      this.showManagerTrusteePopup = false
      this.managerTrusteeForm = {
        projectMember: '',
        contractAmount: '',
        contractRate: '',
      } // 对象
    },

    // 关闭子表弹窗
    closeManagerTrusteePopup() {
      this.isRefresh = false
      this.isCheckoutInfoRefresh = false
      this.isContractNoInfoRefresh = false
      this.showManagerTrusteePopup = false
    },
		
		// 查询流程流转信息 -- 获取下一节点信息
		getProcessTaskTrans(taskId){
			getProcessTaskTransInfo({ taskId }).then(res => {
				if(res.success){
					console.log(res,'流转---');
					
					this.resultObj = res.result
				} else {
					this.$refs.uToast.show({
						message: res.message,
						type: 'error'
					})
				}
			}).catch(err => {
				console.log(err);
			})
		},

    // 点击提交
    async onSubmit() {
      await this.$refs.form.validate()
	  console.log(this.resultObj,'this.resultObj-------');
	  console.log(this.nodeObj,'this.nodeObj-------');
	  console.log(this.model,'this.model-------');
 // 一审意见及附件未上传
	  if (this.nodeObj.taskDefKey === 'task1681387080566') {         
         if(!this.form.oneResultFile) return this.$refs.uToast.warning('请上传一审意见及附件')
        }
 // 二审主持工程师
	  if (this.nodeObj.taskDefKey === 'task1681387104415') {          
         if(this.$refs.SecondInstancePresidingEngineerForm.firstAuditEngineers.empId === '') return this.$refs.uToast.warning('请选择二审主持工程师')
         if(this.$refs.SecondInstancePresidingEngineerForm.firstAuditEngineers.teamId === '') return this.$refs.uToast.warning('请选择二审主持工程师所属团队')
        }

		 // 二审意见及附件未上传
		 if (this.nodeObj.taskDefKey === 'task1681387124847') {
         if(!this.form.twoHostResultFile) return this.$refs.uToast.warning('请上传二审结果及附件')
        }

		 if (this.nodeObj.taskDefKey === 'task1743069459444') {
      console.log('进来了');
      
         if(!this.form.feeTeamId) return this.$refs.uToast.warning('请选择费用所属团队')
         if(!this.form.reviewResult) return this.$refs.uToast.warning('请选择项目评审情况')
        }
		 if (this.nodeObj.taskDefKey === 'task1681387326266') {
        console.log(this.$refs.firstInstanceEngineerList.firstAuditEngineers.expectedAuditFee,'this.$refs.firstInstanceEngineerList.firstAuditEngineers.expectedAuditFee');
         if(!this.$refs.firstInstanceEngineerList.firstAuditEngineers.expectedAuditFee) return this.$refs.uToast.warning('请填写一审审核费')
         if(!this.$refs.SecondInstancePresidingEngineerForm.firstAuditEngineers.expectedAuditFee) return this.$refs.uToast.warning('请填写二审审核费')
         if(!this.$refs.SecondInstancePresidingEngineerForm.firstAuditEngineers.signatureFee) return this.$refs.uToast.warning('请填写二审主持签字费')

         if(this.secondAuditReviewEngineers.length){
                   const dataSource = this.secondAuditReviewEngineers
                   console.log(dataSource,'dataSource---');
                        for (let index = 0; index < dataSource.length; index++) {
                            const item = dataSource[index];
                            console.log(item, 'item');    
                            // if (!item.expectedAuditFee) {
                            //    return this.$refs.uToast.warning('请填写二审会审审核费');
                            //     // 这里不 break 会检查所有元素
                            // }
                            
                            // if (!item.signatureFee) {
                            //    return this.$refs.uToast.warning('请填写二审会审签字费');
                            // }
                        }
                 }
         if(this.thirdAuditEngineers.length){
                   const dataSource = this.thirdAuditEngineers
                   console.log(dataSource,'dataSource---');
                        for (let index = 0; index < dataSource.length; index++) {
                            const item = dataSource[index];
                            console.log(item, 'item');    
                            // if (item.expectedAuditFee === 0 || item.expectedAuditFee === '0.00') {
                            //    return this.$refs.uToast.warning('三审审核费不能为0');
                            //     // 这里不 break 会检查所有元素
                            // }
                        }
                 }
         if(this.specialistAuditPersonnel.length){
                   const dataSource = this.specialistAuditPersonnel
                   console.log(dataSource,'dataSource---');
                        for (let index = 0; index < dataSource.length; index++) {
                            const item = dataSource[index];
                            console.log(item, 'item');    
                            // if (item.expectedAuditFee === 0 || item.expectedAuditFee === '0.00') {
                            //    return this.$refs.uToast.warning('专审审核费不能为0');
                            //     // 这里不 break 会检查所有元素
                            // }
                        }
                 }

        }
		// 二审主持工程师
		const secondAuditChairmanEngineers =  this.$refs.SecondInstancePresidingEngineerForm.firstAuditEngineers
		console.log(secondAuditChairmanEngineers,'firstAuditEngineers');
			// console.log('通过---');
			// console.log(this.form,'this.form-----');
			console.log(this.secondAuditReviewEngineers,'二审会审');
			console.log(this.thirdAuditEngineers,'三审工程师');
			console.log(this.specialistAuditPersonnel,'专审工程师');

      if(this.secondAuditReviewEngineers.length > 1){
                    // 创建一个用于记录empId出现次数的Map
            const empIdMap = new Map();
            
            // 遍历数组检查重复
            const hasDuplicate = this.secondAuditReviewEngineers.some(item => {
              if (empIdMap.has(item.empId)) {
                return true; // 发现重复立即返回true
              }
              empIdMap.set(item.empId, 1);
              return false;
            });

            if (hasDuplicate) {
              return this.$refs.uToast.warning('不能重复添加相同人员，请检查二审会审人员列表！')
            }
      }
      if(this.thirdAuditEngineers.length > 1){
                    // 创建一个用于记录empId出现次数的Map
            const empIdMap = new Map();
            
            // 遍历数组检查重复
            const hasDuplicate = this.thirdAuditEngineers.some(item => {
              if (empIdMap.has(item.empId)) {
                return true; // 发现重复立即返回true
              }
              empIdMap.set(item.empId, 1);
              return false;
            });

            if (hasDuplicate) {
              return this.$refs.uToast.warning('不能重复添加相同人员，请检查三审人员列表！')
            }
      }

	  // return
			var _this = this
      const res = await erpOmcTaskReportAuditEdit({
        ...this.form,
        threeRemark:this.threeRemark,
        secondAuditChairmanEngineers:[secondAuditChairmanEngineers],
        secondAuditReviewEngineers:this.secondAuditReviewEngineers,
        thirdAuditEngineers:this.thirdAuditEngineers,
        specialistAuditPersonnel:this.specialistAuditPersonnel
	  })
      if (res.success) {
        this.$refs.uToast.show({
        	message: '提交成功',
        	type: 'success',
        	complete () {
        		_this.onAudit()
        	}
        })
        this.isSubmit = true
      } else {
        this.$refs.uToast.show({
          message: res.message,
          type: 'error',
        })
      }
    },

    onAudit() {
      if (!this.isSubmit) {
        uni.showToast({
          title: '请完善表单后审核',
          icon: 'none',
        })
        return false
      }
      var that = this
      uni.navigateTo({
        url: '/pages/synergy/ErpReportAuditForm' + `?item=${encodeURIComponent(JSON.stringify(this.model).replace(/%/g, '%25'))}`,
        events: {
          // 为指定事件添加一个监听器，获取被打开页面传送到当前页面的数据
          // acceptDataFromOpenedPage: function(data) {
          // }
        },
        success: function (data) {
          // 通过eventChannel向被打开页面传送数据
          var params = {
            nodeObj: encodeURIComponent(JSON.stringify(that.nodeObj).replace(/%/g, '%25')),
            tabvalue: that.tabvalue,
          }
          data.eventChannel.emit('sendMessage', params)
        },
        fail: function (err) {
          this.$refs.uToast.show({
            message: '请联系管理员配置',
            type: 'error',
          })
        },
      })
    },
  },
}
</script>

<style lang="scss" scoped>
@import url("@/assets/inputStyle.scss");
@import './common/action.scss';
.task_lists {
  padding: 20rpx 20rpx 0;
}
.image_lists {
  padding: 0 0 12rpx 12rpx;
  display: flex;
  flex-wrap: wrap;
  .image_list {
    margin-bottom: 20rpx;
    width: 144rpx;
    margin-right: 14rpx;
    .image_img {
      width: 116rpx;
      height: 116rpx;
      padding: 12rpx;
      background: rgba(0, 0, 0, 0.02);
      border-radius: 1px;
      border: 1px solid rgba(0, 0, 0, 0.08);
      position: relative;
      .image_action {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        width: 36rpx;
        height: 36rpx;
      }
      .image_source {
        width: 100%;
        height: 100%;
      }
    }
    .image_name {
      font-size: 20rpx;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #b2b2b2;
      line-height: 28rpx;
      margin-top: 8rpx;
      text-align: left;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      width: 152rpx;
    }
  }
}

.flow_right {
  display: flex;
  align-items: center;
  image {
    width: 40rpx;
    height: 40rpx;
  }
  text {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #1e6fff;
    line-height: 40rpx;
    margin-left: 4rpx;
  }
}

.task_bottom {
  display: flex;
  align-items: center;
  padding: 20rpx 0 20rpx 52rpx;
  background-color: #ffffff;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10000;
  .task_bottom_write {
    display: flex;
    align-items: center;
    image {
      width: 48rpx;
      height: 48rpx;
      margin-right: 8rpx;
    }
    text {
      font-size: 28rpx;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #7f7f7f;
      line-height: 40rpx;
    }
  }
  .refuse {
    width: 168rpx;
    height: 90rpx;
    line-height: 90rpx;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 10rpx;
    margin: 0 16rpx 0 52rpx;
    font-size: 34rpx;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.5);
    text-align: center;
  }
  .agree {
    width: 318rpx;
    height: 90rpx;
    line-height: 90rpx;
    background: #1e6fff;
    border-radius: 10rpx;
    font-size: 34rpx;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #ffffff;
    text-align: center;
  }
}
.area {
  ::v-deep {
    .u-input {
      background: none !important;
    }
    .u-input__content__field-wrapper__field {
      color: #7f7f7f !important;
    }
    .u-input__content__subfix-icon {
      display: none;
    }
  }
}

// 评测信息
.info-title {
  font-size: 28rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #171717;
  line-height: 40rpx;
  padding-bottom: 16rpx;
}

// 评测结果
.result-style {
  font-size: 24rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #b2b2b2;
}

.inforamtion {
  margin-top: 10rpx;
  padding: 10rpx;
  border-radius: 15rpx;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
}
</style>
